<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Adamant an Industrial Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Adamant Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="${CTPATH}/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="${CTPATH}/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="${CTPATH}/js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- gallery -->
<link rel="stylesheet" href="${CTPATH}/css/lightGallery.css" type="text/css" media="all" />
<!-- //gallery -->
<!-- font-awesome icons -->
<link rel="stylesheet" href="${CTPATH}/css/font-awesome.min.css" />
<!-- //font-awesome icons -->
<link href="//fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>

</head>
	
<body>
<!-- header -->
	<div class="header">
		<div class="w3layouts_header_left">
			<p>Maecenas consectetur orci accumsan.</p>
		</div>
		<div class="w3layouts_header_right">
			<ul>
				<li><i class="fa fa-phone" aria-hidden="true"></i>(+000) 123 456</li>
				<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<div class="w3_navigation">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="w3_navigation_pos">
						<h1><a href="index.html"><i class="fa fa-cog" aria-hidden="true"></i>Adamant</a></h1>
					</div>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav class="cl-effect-5" id="cl-effect-5">
						<ul class="nav navbar-nav">
							<li class="active"><a href="index.html"><span data-hover="Home">Home</span></a></li>
							<li><a href="#services" class="scroll"><span data-hover="Services">Services</span></a></li>
							<li><a href="#about" class="scroll"><span data-hover="About Us">About Us</span></a></li>
							<li><a href="#work" class="scroll"><span data-hover="Work">Work</span></a></li>
							<li><a href="#team" class="scroll"><span data-hover="Team">Team</span></a></li>
							<li><a href="#mail" class="scroll"><span data-hover="Mail Us">Mail Us</span></a></li>
						</ul>
					</nav>
				</div>
			</nav>	
		</div>
	</div>
<!-- //header -->
<!-- banner -->
	<div class="banner">
		<div class="container">
			<p><i>we provide</i> <span>innovative</span> and <span>cost effective</span> industrial solutions</p>
		</div>
	</div>
<!-- //banner -->
<!-- about -->
	<div class="about" id="about">
		<div class="container">
			<div class="col-md-4 agileits_about_left">
				<h3 class="w3l_head">About Us</h3>
				<p class="w3ls_head_para">who we are</p>
			</div>
			<div class="col-md-8 agileits_about_right">
				<p>Duis turpis arcu, dictum eu tincidunt id, congue vel urna. Quisque posuere, 
					ipsum eu faucibus cursus, ex tortor elementum leo, eget varius lorem quam a nisl. 
					Mauris ut enim sed tortor auctor luctus at vitae est. Nunc erat odio, blandit 
					eget nisl ac, laoreet condimentum elit. <i>Duis dignissim auctor rhoncus. 
					Curabitur diam lorem, ultricies eu pellentesque sed, elementum sodales urna. 
					Pellentesque molestie maximus nisl at ultrices.</i></p>
				<ul>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>industry focus</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Professional approach</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Production</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Effective Solutions</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //about -->
<!-- about-bottom -->
	<div class="about-bottom">
		<div class="container">
			<div class="col-md-7 agileinfo_about_bottom_right">
				<h2>we are professional, competitive and competent in our service</h2>
				<div class="col-md-6 agileinfo_about_bottom_right_wthree">
					<ul>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Proin dolor tellus, vitae</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Curabitur diam lorem, ultricies</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>molestie maximus ultrices</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>elementum sodales urna</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>rhoncus in mattis pretium</li>
					</ul>
				</div>
				<div class="col-md-6 agileinfo_about_bottom_right_wthree">
					<ul>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Donec interdum lacus orci, sed</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>Praesent malesuada elit vitae mi</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>In maximus vulputate arcu nec</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>lectus nisl imperdiet libero gravida</li>
						<li><i class="fa fa-check-square-o" aria-hidden="true"></i>at ullamcorper tortor eleifend quis</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-5 agileinfo_about_bottom_left">
				<img src="${CTPATH}/images/1.png" alt=" " class="img-responsive" />
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!-- //about-bottom -->
<!-- services -->
	<div class="services" id="services">
		<div class="container">
			<h3 class="w3l_head w3l_head1">Services</h3>
			<p class="w3ls_head_para w3ls_head_para1">what we do</p>
			<div class="w3_agileits_services_grids">
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-wrench" aria-hidden="true"></i>
						</div>
						<h3>ultrici odio nunc</h3>
						<p>Donec semper rutrum ipsum et bibendum. Sed condimentum dolor velit.</p>
					</div>
				</div>
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-map" aria-hidden="true"></i>
						</div>
						<h3>maximus vulput</h3>
						<p>Donec semper rutrum ipsum et bibendum. Sed condimentum dolor velit.</p>
					</div>
				</div>
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-globe" aria-hidden="true"></i>
						</div>
						<h3>rutrum ipsum sem</h3>
						<p>Donec semper rutrum ipsum et bibendum. Sed condimentum dolor velit.</p>
					</div>
				</div>
				<div class="col-md-3 w3_agileits_services_grid">
					<div class="w3_agileits_services_grid_agile">
						<div class="w3_agileits_services_grid_1">
							<i class="fa fa-gears" aria-hidden="true"></i>
						</div>
						<h3>Curabi feugiat luc</h3>
						<p>Donec semper rutrum ipsum et bibendum. Sed condimentum dolor velit.</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //services -->
<!-- team -->
	<div class="team" id="team">
		<div class="container">
			<h3 class="w3l_head w3l_head1 w3l_head1_w3layouts">Meet Our Team</h3>
			<p class="w3ls_head_para w3ls_head_para1">we are the best team</p>
			<div class="w3_team_grids">
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="${CTPATH}/images/4.jpg" alt=" " class="img-responsive" />
						<div class="w3_team_grid1_pos">
							<ul class="w3ls_social">
								<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
								<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
							</ul>
						</div>
					</div>
					<h4>John Frick</h4>
					<p>Supervisor</p>
				</div>
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="${CTPATH}/images/7.jpg" alt=" " class="img-responsive" />
						<div class="w3_team_grid1_pos">
							<ul class="w3ls_social">
								<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
								<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
							</ul>
						</div>
					</div>
					<h4>Laura Lii</h4>
					<p>Worker</p>
				</div>
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="${CTPATH}/images/6.jpg" alt=" " class="img-responsive" />
						<div class="w3_team_grid1_pos">
							<ul class="w3ls_social">
								<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
								<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
							</ul>
						</div>
					</div>
					<h4>Rosy Doe</h4>
					<p>Supervisor</p>
				</div>
				<div class="col-md-3 w3_team_grid">
					<div class="w3_team_grid1">
						<img src="${CTPATH}/images/5.jpg" alt=" " class="img-responsive" />
						<div class="w3_team_grid1_pos">
							<ul class="w3ls_social">
								<li><a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
								<li><a href="#" class="agile_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
								<li><a href="#" class="w3_agile_vimeo"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li>
							</ul>
						</div>
					</div>
					<h4>Kate Winslet</h4>
					<p>Supervisor</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
<!-- //team -->
<!-- gallery -->
	<div class="team-bottom" id="work">
		<div class="container">
			<h3 class="w3l_head w3l_head1">Work</h3>
			<p class="w3ls_head_para w3ls_head_para1">Our Works</p>
			<div class="w3layouts_gallery_grids">
				<ul class="w3l_gallery_grid" id="lightGallery">
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/8.jpg" data-responsive-src="${CTPATH}/images/8.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/8.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/9.jpg" data-responsive-src="${CTPATH}/images/9.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/9.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/10.jpg" data-responsive-src="${CTPATH}/images/10.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/10.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/11.jpg" data-responsive-src="${CTPATH}/images/11.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/11.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/12.jpg" data-responsive-src="${CTPATH}/images/12.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/12.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/13.jpg" data-responsive-src="${CTPATH}/images/13.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/13.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/14.jpg" data-responsive-src="${CTPATH}/images/14.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/14.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/15.jpg" data-responsive-src="${CTPATH}/images/15.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/15.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
					<li data-title="Adamant" data-desc="Lorem Ipsum is simply dummy text of the printing." data-src="${CTPATH}/images/16.jpg" data-responsive-src="${CTPATH}/images/16.jpg"> 
						<div class="w3layouts_gallery_grid1 box">
							<a href="#">
								<img src="${CTPATH}/images/16.jpg" alt=" " class="img-responsive" />
								<div class="overbox">
									<h4 class="title overtext"> Adamant </h4>
									<p class="tagline overtext"> Fusce venenatis sem nec justo dapibus finibus. </p>
								</div>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<script src="${CTPATH}/js/lightGallery.js"></script>
	<script>
    	 $(document).ready(function() {
			$("#lightGallery").lightGallery({
				mode:"fade",
				speed:800,
				caption:true,
				desc:true,
				mobileSrc:true
			});
		});
    </script>
<!-- //gallery -->
<!-- services-bottom -->
	<div class="services-bottom">
		<div class="container">
			<div class="col-md-3 agileits_w3layouts_about_counter_left">
				<i class="glyphicon glyphicon-user" aria-hidden="true"></i>
				<p class="counter">343</p> 
				<h3>Satisfied Clients</h3>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left">
				<i class="fa fa-file-text-o" aria-hidden="true"></i>
				<p class="counter">216</p> 
				<h3>Projects Complete</h3>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left">
				<i class="fa fa-calendar" aria-hidden="true"></i>
				<p class="counter">854</p> 
				<h3>days of work</h3>
			</div>
			<div class="col-md-3 agileits_w3layouts_about_counter_left">
				<i class="fa fa-life-ring" aria-hidden="true"></i>
				<p class="counter">564</p> 
				<h3>Support</h3>
			</div>
			<div class="clearfix"> </div>
			<!-- Stats-Number-Scroller-Animation-JavaScript -->
				<script src="${CTPATH}/js/waypoints.min.js"></script>
				<script src="${CTPATH}/js/counterup.min.js"></script>
				<script>
					jQuery(document).ready(function( $ ) {
						$('.counter').counterUp({
							delay: 100,
							time: 1000
						});
					});
				</script>
			<!-- //Stats-Number-Scroller-Animation-JavaScript -->

		</div>
	</div>
<!-- //services-bottom -->
<!-- mail -->
	<div class="mail" id="mail">
		<div class="container">
			<h3 class="w3l_head w3l_head1">Mail Us</h3>
			<p class="w3ls_head_para w3ls_head_para1">send us a message</p>
			<div class="w3_mail_grids">
				<form action="#" method="post">
					<span class="input input--jiro">
						<input class="input__field input__field--jiro" type="text" id="input-10" name="Name" placeholder="Your Name" required=""/>
						<label class="input__label input__label--jiro" for="input-10">
							<span class="input__label-content input__label-content--jiro">Your Name</span>
						</label>
					</span>
					<span class="input input--jiro">
						<input class="input__field input__field--jiro" type="email" id="input-11" name="Email" placeholder="Your Email Address" required=""/>
						<label class="input__label input__label--jiro" for="input-11">
							<span class="input__label-content input__label-content--jiro">Your Email</span>
						</label>
					</span>
					<span class="input input--jiro">
						<input class="input__field input__field--jiro" type="text" id="input-12" name="Phone Number" placeholder="Phone Number" required=""/>
						<label class="input__label input__label--jiro" for="input-12">
							<span class="input__label-content input__label-content--jiro">Phone Number</span>
						</label>
					</span>
					<textarea name="Message" placeholder="Message..." required=""></textarea>
					<input type="submit" value="Submit">
				</form>
			</div>
		</div>
	</div>
	<script src="${CTPATH}/js/classie.js"></script>
	<script>
			(function() {
				// trim polyfill : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
				if (!String.prototype.trim) {
					(function() {
						// Make sure we trim BOM and NBSP
						var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
						String.prototype.trim = function() {
							return this.replace(rtrim, '');
						};
					})();
				}

				[].slice.call( document.querySelectorAll( 'input.input__field' ) ).forEach( function( inputEl ) {
					// in case the input is already filled..
					if( inputEl.value.trim() !== '' ) {
						classie.add( inputEl.parentNode, 'input--filled' );
					}

					// events:
					inputEl.addEventListener( 'focus', onInputFocus );
					inputEl.addEventListener( 'blur', onInputBlur );
				} );

				function onInputFocus( ev ) {
					classie.add( ev.target.parentNode, 'input--filled' );
				}

				function onInputBlur( ev ) {
					if( ev.target.value.trim() === '' ) {
						classie.remove( ev.target.parentNode, 'input--filled' );
					}
				}
			})();
		</script>
<!-- //mail -->
<div class="map">
	<div class="container">
		<h3 class="w3l_head w3l_head1">Locate Us</h3>
		<p class="w3ls_head_para w3ls_head_para1">how to find us</p>
	</div>
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3654.9930629574787!2d-46.72469593507033!3d-23.640419470401582!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce5116b59b5a09%3A0x11c3bbea465870!2sCompany+Business+Towers+-+V%C3%A1rzea+de+Baixo%2C+S%C3%A3o+Paulo+-+SP%2C+Brazil!5e0!3m2!1sen!2sin!4v1473675527894" style="border:0"></iframe>
</div>
<!-- footer -->
	<div class="w3l_footer">
		<div class="container">
			<h3 class="w3l_head w3l_head1 w3l_head1_w3layouts">Subscribe Us</h3>
			<p class="w3ls_head_para w3ls_head_para1">for daily updates</p>
			<form action="#" method="post">
				<input type="email" name="Email" placeholder="Email" required="">
				<input type="submit" value="Subscribe">
			</form>
			<div class="w3ls_footer_grids">
				<p class="agileits_w3layouts_est">Duis et aliquam est, cursus dictum libero. Quisque ac mi eu lacus finibus placerat.
					Pellentesque efficitur tortor vel ipsum mattis convallis.</p>
				<div class="w3ls_footer_grid">
					<div class="col-md-4 w3ls_footer_grid_left">
						<div class="w3ls_footer_grid_leftl">
							<i class="fa fa-map-marker" aria-hidden="true"></i>
						</div>
						<div class="w3ls_footer_grid_leftr">
							<h4>Location</h4>
							<p>3481 Melrose Place,Beverly Hills, Brazil 90210.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 w3ls_footer_grid_left">
						<div class="w3ls_footer_grid_leftl">
							<i class="fa fa-envelope" aria-hidden="true"></i>
						</div>
						<div class="w3ls_footer_grid_leftr">
							<h4>Email</h4>
							<a href="mailto:info@example.com">info@example.com</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-4 w3ls_footer_grid_left">
						<div class="w3ls_footer_grid_leftl">
							<i class="fa fa-phone" aria-hidden="true"></i>
						</div>
						<div class="w3ls_footer_grid_leftr">
							<h4>Call Us</h4>
							<p>(+000) 123 4571 121</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="w3l_footer_pos">
			<p>© 2017 Adamant. All Rights Reserved | Design by <a href="https://w3layouts.com/">W3layouts</a></p>
		</div>
	</div>
<!-- //footer -->
<!-- for bootstrap working -->
	<script src="${CTPATH}/js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="${CTPATH}/js/move-top.js"></script>
<script type="text/javascript" src="${CTPATH}/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smooth-scrolling -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>